var vm = new Vue({
    el:"#box",
    data:{
        list:[
            {pic:"./img/1.png",name:"秋刀鱼",price:8,count:1},
            {pic:"./img/1.png",name:"小黄鱼",price:9,count:2},
            {pic:"./img/1.png",name:"小鱼人",price:5,count:3}
        ]
    },
    methods:{
        add(item){
            item.count++;
        },
        noAdd(item){
            if(item.count>1){
                item.count--;
            }
        },
        clear(){
            this.list.splice(0,this.list.length)
        }
    },
    computed:{
        totalSum(){
            let sum = 0;
            this.list.forEach((item) => {
                sum+=item.count;
                
            });
            return sum
        },
        totalPrice:{
            get(){//get方法会在 使用(渲染)计算属性时自动执行
                let sum = 0;
                this.list.forEach((item)=>{
                    sum+=item.count*item.price
                })
                return sum;
            },
            set(){ //set方法会在 给计算属性设置值时执行
                console.log( '给totalPrice设置值' );
            }
           
        }
    }
})